﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
	<link rel="stylesheet" href="jquery.treeview.css" />
	<link rel="stylesheet" href="screen.css" />
	<script src="jquery.js" type="text/javascript"></script>
	<script src="jquery.cookie.js" type="text/javascript"></script>
	<script src="jquery.treeview.js" type="text/javascript"></script>
	<script  type="text/javascript" src="js/mootools-1.2-core-nc.js"></script>
    <script  type="text/javascript" src="js/PopupMenu.js"></script>
	<script src="js/rightmenu.js" type="text/javascript"></script>
    <link rel="stylesheet" href="js/popmenu.css" type="text/css"/>

    <script  type="text/javascript">
	$(function(){
		// third example
		$("#red").treeview({
			animated: "fast",
			collapsed: true,
			unique: true,
			toggle: function() {
				window.console && console.log("%o was toggled", this);
			}
		});
		
		// fourth example
		$("#black, #gray").treeview({
			control: "#treecontrol",
			persist: "cookie"
		});
		$("#black, #gray1").treeview({
			control: "#treecontrol1",
			persist: "cookie"
		});
		
		$("#test41").click(function(){
			alert("lsajf");
		});
	});
	
	//safasfasf
	function selectTag(showContent,selfObj){
		// 标签
		var tag = document.getElementById("tags").getElementsByTagName("li");
		var taglength = tag.length;
		for(i=0; i<taglength; i++){
		tag[i].className = "";
		}
		selfObj.parentNode.className = "selectTag";
		// 标签内容
		for(i=0; j=document.getElementById("tagContent"+i); i++){
		j.style.display = "none";
		}
		document.getElementById(showContent).style.display = "block";
	}
	</script>
	<style type="text/css">
#gray span a,#gray span a{
	font-weight: bold;
	font-size: 12px;
	}
#gray.treeview li { background: url(images/gray/tv-item.gif) 0 0 no-repeat; }
#gray.treeview .collapsable { background-image: url(images/gray/tv-collapsable.gif); }
#gray.treeview .expandable { background-image: url(images/gray/tv-expandable.gif); }
#gray.treeview .last { background-image: url(images/gray/tv-item-last.gif); }
#gray.treeview .lastCollapsable { background-image: url(images/gray/tv-collapsable-last.gif); }
#gray.treeview .lastExpandable { background-image: url(images/gray/tv-expandable-last.gif); }
#gray1.treeview li { background: url(images/gray/tv-item.gif) 0 0 no-repeat; }
#gray1.treeview .collapsable { background-image: url(images/gray/tv-collapsable.gif); }
#gray1.treeview .expandable { background-image: url(images/gray/tv-expandable.gif); }
#gray1.treeview .last { background-image: url(images/gray/tv-item-last.gif); }
#gray1.treeview .lastCollapsable { background-image: url(images/gray/tv-collapsable-last.gif); }
#gray1.treeview .lastExpandable { background-image: url(images/gray/tv-expandable-last.gif); }
ul {
	margin: 0;
	padding: 0 0 0 20px;
	}
body{
	background-color: #e5e5e5;
	margin: 0;
	padding: 0;
	}
OL LI {
	MARGIN: 8px
}
img{
	border: none;
	}
#tab_menu {
	FONT-SIZE: 12px;
	background-color: #e5e5e5;
	margin: 2px 0 0 0;
}
#tags {
	padding: 0 0 0 10px ;margin: 0; height: 21px; background-color: #fff; 
}
#tags LI {
	BACKGROUND: url(images/tagleft.gif) no-repeat left bottom; FLOAT: left; MARGIN-RIGHT: 1px; LIST-STYLE-TYPE: none; HEIGHT: 21px
}
#tags LI A {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: url(images/tagright.gif) no-repeat right bottom; FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #999;LINE-HEIGHT: 23px; PADDING-TOP: 0px; HEIGHT: 21px; TEXT-DECORATION: none
}
#tags LI.emptyTag {
	BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px
}
#tags LI.selectTag {
	BACKGROUND-POSITION: left top; MARGIN-BOTTOM: 0px; POSITION: relative; HEIGHT: 21px
}
#tags LI.selectTag A {
	BACKGROUND-POSITION: right top; COLOR: #000; LINE-HEIGHT: 21px; HEIGHT: 21px
}
#tagContent {
	background-color: #e5e5e5;border: none;border-top: 1px solid #999; margin-top: -1px;
} 
.tagContent {
DISPLAY: none;COLOR: #080808; padding: 10px; font-weight: bold;
}
#tagContent DIV.selectTag {
DISPLAY: block
}

div#backmenu{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 6px;
	right: 10px;
	background: none;
	}
div#backmenu a{
	font-size: 14px;
	text-decoration: none;
	color: #900;
	}
</style>
</head>
<body style="overflow: scroll;">
<div id="tab_menu">
    <ul id="tags">
      <li class=selectTag><A onClick="selectTag('tagContent0',this)" href="javascript:void(0)">子网管理</A> </li>
   </ul>
   
	<div id="tagContent"><div id="backmenu"><a href="menu.html">返回主菜单</a></div>
        <div class="tagContent selectTag" id="tagContent0">
			<div id="main1">
					<!--<div id="treecontrol1">
						<a><img src="images/zk.jpg" /></a>
						<a><img src="images/hq.jpg" /></a>
					</div>-->
					<ul id="gray1">
						<li><span id="test">子网信息</span>
						  <ul>
							  <li><a target="rightIframe" href="content/tjzwjjd.html"  id="test1">子网A</a> </li>
							  <li><a target="rightIframe" href="content/zwxxxx.html" id="test2">子网B</a>
							  	<ul>
									  <li><a target="rightIframe" href="content/tjzwjjd.html"  id="test41" onclick="alert('lsajfkdJ');">服务节点A</a> </li>
									  <li><a target="rightIframe" href="content/zwxxxx.html" id="test42">服务节点B</a></li>
									  <li><a target="rightIframe" href="content/zwcjqgl.html" id="test43">服务节点C</a></li>
									  <li><a target="rightIframe" href="content/zwsz.html" id="test44">服务节点D</a></li>
								  </ul>	
							  </li>
							  <li><a target="rightIframe" href="content/zwcjqgl.html" id="test3">子网C</a></li>
							  <li><a target="rightIframe" href="content/zwsz.html" id="test4">子网D</a></li>
						  </ul>	
					  </li>
					</ul>	
				</div>
		</div>
    </div>
	<div class="popmenu" id="popmenu" style="visibility:hidden;">
      <ul>
        <li class="item" id="menu_item1"><a onclick="parent.rightIframe.location='content/tjzwjd.html'">添加子网节点</a></li>
		<li class="item" id="menu_item1"><a href="#">删除子网节点</a></li>
      </ul>    
    </div>
	<div class="popmenu" id="popmenu1" style="visibility:hidden;">
      <ul>
        <li class="item" id="menu_item1"><a onclick="parent.rightIframe.location='content/tjzw.html'">添加子网</a></li>
		<li class="item" id="menu_item1"><a href="#">删除子网</a></li>
		<li class="item" id="menu_item1"><a href="#">设置采集间隔</a></li>
      </ul>    
    </div>
</div>
<div id="right_menu" class="popmenu1" onmouseout="f_Resume()" style="visibility: hidden; width: 158px;">
 	<ul>
		<li><a onclick="parent.rightIframe.location='content/tjzw.html'">添加子网</a></li>
		<li><a href="#">删除子网</a></li>
		<li><a href="#">设置采集间隔</a></li>
	</ul>
 </div>
</body>
    <script  type="text/javascript">
	  window.addEvent('domready',init);
      var popup;
      function init() {
	  //子网节点右键菜单。。。。
	  popup = new PopupMenu('popmenu');
	  popup.attachElement('test1');
	  popup.attachElement('test2');
	  popup.attachElement('test3');
	  popup.attachElement('test4');
	   popup = new PopupMenu('popmenu1');
	   popup.attachElement('test');
      }
	</script>  
</html>